/*
 * Variable globale
 */
var isPartage = false;
var numPage = 1;
var maxpages = 6;
var isgomme = false;
var niveau;
/*
 * Event
 */
var contenu_canvas = document.getElementById("contenu_canvas");
contenu_canvas.addEventListener('dblclick', function() {
    var menu = document.getElementById("menu");
	menu.style.transform= 'translate(100% , 0px)'; 
    var contenu = document.getElementById("contenu_canvas");
	contenu.style.width='91%';
	contenu.style.transform= 'translate(10% , 0px)'; 

  }, false);
  
  
/*
 * Event bouton
 */  
 
  var accueil = document.getElementById("btnAccueil");
  accueil.addEventListener('click', function() {
   window.location = "accueil.php";
  }, false);
  
  // var masquer = document.getElementById("btnMasquer");
  // masquer.addEventListener('click', function() {
 //    var menu = document.getElementById("menu");
	// menu.style.transform= 'translate(-100% , 0px)'; 
 //    var contenu = document.getElementById("contenu_canvas");
	// contenu.style.width='100%';
	// contenu.style.transform= 'translate(0px , 0px)'; 
 //  }, false);

 //  var instrument = document.getElementById("btnInstrument");
 //  instrument.addEventListener('click', function() {
	// runDialogInstrument();
 //  }, false);

  var crayon = document.getElementById("btnCrayon");
  var gomme = document.getElementById("btnGomme");
  
  crayon.addEventListener('click', function() {
  	crayon.style.border = 'white 2px solid';
  	gomme.style.border = 'none';
  	isgomme = false;
  	if (isPartage)
  	{
 
	   	if (niveau == 1)
	  	{
	  		window.partition.setCouleur("#FF3237");
	  	}
	  	else{
	
	  			window.partition.setCouleur("#89C122");
	  	}
  	 		
  	}
  	else
  	{
  		  	window.partition.setCouleur(valcouleurChoice);
  	}
  	window.partition.setGomme(false);
  }, false);
   

  gomme.addEventListener('click', function() {
  	crayon.style.border = 'none';
  	gomme.style.border = 'white 2px solid';
  	isgomme = true;
  	if(gommeSelected == "gomme1")
  	{
  		 window.partition.setCouleur("#FFFFFF");
  	}
  	else
  	{
  		 window.partition.setGomme(true);
  	}
  }, false);
  
  // var partage = document.getElementById("btnPartage");
  // partage.addEventListener('click', function() {
  //   var btnPartage = document.getElementById("imgPartage");
  //   if (isPartage == true)
  //   {
  //   	btnPartage.src="./style/logo/personnel.svg";
  //   	document.getElementById("txtPartage").innerHTML="Personnel";
  //   	isPartage=false;
  //   	window.partition.switchCalque()
  //   }
  //   else
  //   {
  //   	if (niveau !=1)
  //   	{
	 //    	btnPartage.src="./style/logo/partage.svg";
	 //    	document.getElementById("txtPartage").innerHTML="Partage";
	 //    	isPartage=true;
	 //    	window.partition.switchCalque()
  //   	}

  //   }
  //     	if (isPartage)
  // 	{
 
	 //   	if (niveau == 1)
	 //  	{
	 //  		window.partition.setCouleur("#FF3237");
	 //  	}
	 //  	else{
	
	 //  			window.partition.setCouleur("#89C122");
	 //  	}
  	 		
  // 	}
  // 	else
  // 	{
  // 		  	window.partition.setCouleur(valcouleurChoice);
  // 	}

  // }, false);
  
  var parametres = document.getElementById("btnParam");
  parametres.addEventListener('click', function() {
	runDialogParametre();
  }, false);
  

  var suivant = $("#imgSuivante");
  var partId = $("#part_id").val();
  var numPage = $("#num_page").val();
  var hasNext = $("#has_next_page").val();
  var hasPrev = $("#has_prev_page").val();
  var id_user = $("#id_user").val();
  if(hasNext == "1"){
	suivant.show();
  }
  else{
	suivant.hide();
  }
  suivant.on('click', function() {
	window.location = "partition.php?partId="+partId+"&numPage="+(parseInt(numPage)+1)+"&user="+id_user;;
  });
  
  var precedent = $("#imgPrecedent");
  if(hasPrev == "1"){
	precedent.show();
  }
  else{
	precedent.hide();
  }
  precedent.on('click', function() {
	window.location = "partition.php?partId="+partId+"&numPage="+(parseInt(numPage)+-1)+"&user="+id_user;
  });

  masquerMessage = function () {
  	document.getElementById("aide_info").style.visibility = "hidden";
  }
  setInterval(masquerMessage, 2000);
